<{include file="_head.html"}>

<{include file="head.html"}>
<script type="text/javascript" src="js/jquery.qqFace.js"></script> 
<script type="text/javascript">
$(function(){
    //匹配表情-初始化
    $('.neirong').each(function(){
        var text=$(this).html();
        $(this).html(replace_em(text));
    })

    //显示对应评论(小编说的评论)
    $(".look_pl").click(function(){
        var sort=$(this).attr("sort");//排序
        $(".index_hf").hide();
        $(".index_hf").eq(sort).show();
    })
    //显示回复框(回复小编说)
    $(".hf").click(function(){
        var sort=$(this).attr("sort");//排序
        $(".jsy_hfk").hide();
        $(".jsy_hfk").eq(sort).show();
        //重置样式+默认设置
        $(".hfr").eq(sort).hide();
        $(".reply_id").val('0');
        $(".user_type").val('admin');

    })

    //点击单独回复
    $(".dan_hf").live('click',function(){
        var sort=$(this).parent().parent().attr("sort");//排序
        var name=$(this).attr("name");//回复名称
        var reply_id=$(this).attr("reply_id"); //需回复ID
        var user_type=$(this).attr("user_type");//被回复人类型

        $(".jsy_hfk").hide();           //评论框
        $(".jsy_hfk").eq(sort).show();  //评论框
        //回复人信息
        $(".hfr").eq(sort).show();
        $(".hfr").eq(sort).html('in reply to '+name); //展示
        $(".reply_id").val(reply_id);                 //被回复人
        $(".user_type").val(user_type);               //回复的类型 

    })


    //提交评论
   $(".tj").click(function(){
        var id=$(this).attr("id");                    //小编说编号       
        var sort=$(this).attr("sort");                //排序
        var comment=$(".jsy_hfk1").eq(sort).val();    //评论内容
        var reply_id=$(".reply_id").val();            //需回复ID
        var user_type=$(".user_type").val();          //回复的类型

        $.post(
            'topic_list.php?action=comment',
            {id:id,comment:comment,reply_id:reply_id,user_type:user_type},
            function(data){
              if(data.error==1){
                 alert(data.mes);
                 //写入样式
                 $(".index_hf").eq(sort).prepend(data.html);
                 //显示评论列表
                 $(".index_hf").eq(sort).show();
                 //替换表情
                 var text=$(".index_hf").eq(sort).children(".tctzy_2").children("p").find(".neirong").eq(0).html();
                 $(".index_hf").eq(sort).children(".tctzy_2").children("p").find(".neirong").eq(0).html(replace_em(text));

                 //重置样式
                 $(".hfr").eq(sort).hide();     //回复展示信息
                 $(".reply_id").val('0');       //回复人
                 $(".user_type").val('admin');  //回复类型
                 $(".jsy_hfk1").eq(sort).val(''); //回复内容 
              }else{
                alert("请先登录！");
                window.location.href="login.php";
              }
        },"json")
   })

    //表情特效
    for (var i = 0; i < '<{$commentNum}>'; i++) {
        $('.emotion'+i).qqFace({ // 
          id : 'facebox'+i, //表情盒子的ID
          assign:'saytext'+i, //给那个控件赋值
          path:'images/face/' //表情存放的路径，注意如果修改了这个地方，下面正则匹配的地方也要做相应的修改
        });
    };

}) 

   //表情替换
    function replace_em(str){
        str = str.replace(/\</g,'&lt;');
        str = str.replace(/\>/g,'&gt;');
        str = str.replace(/\n/g,'<br/>');
        str = str.replace(/\[em_([0-9]*)\]/g,'<img src="images/face/$1.gif" border="0" />');
        return str;
    }
</script>
<div class="main">

<div class="tctk_left">
<span class="span_tctk">吐槽调侃</span>
	 <input type="hidden" class="reply_id" value="0"/>
     <input type='hidden' name='user_type' class="user_type" value="admin" />

<{foreach item=loop key=key from=$comment}>
	<div class="tctzy_1">
		<img src="upload/admin/small/<{$loop.avatar}>" width="100" height="107" style="display:block; float:left;" />
		<div class="tctzy_1_r">
		<span class="span_tctzy_bt"><{$loop.name}></span>
		<a href="javascript:;" class="a_tctzy"><{$loop.topic}></a>
		<span class="span_tctzy_btn">
		<a href="javascript:;" class="hf" sort="<{$key}>">回复</a>
		<a href="javascript:;" class="look_pl" sort="<{$key}>">查看评论</a></span>
		</div>
	</div>
    <div class="index_hf" style="display:none;" sort="<{$key}>">
	<{foreach item=reply from=$loop.reply}>
		<div class="tctzy_2">
		<p><a href="user_main.php?type=<{$reply.type}>&id=<{$reply.user_id}>"><{$reply.userName}></a>：<{if $reply.reply_id>0}>回复&nbsp;@<a href="user_main.php?type=<{$reply.reply_type}>&id=<{$reply.reply_id}>"><{$reply.replyName}></a>：<{/if}>
		<span class="neirong"><{$reply.comment}></span></p>
		</div>
		<span class="span_tctzy_2"><a href="javascript:;" class="dan_hf" name="<{$reply.userName}>" reply_id="<{$reply.user_id}>" user_type="<{$reply.type}>">回复</a></span>
	<{/foreach}>
    </div>

    <span class="j_tctky2">
    <span class="jsy_hfk" style="display:none;">
        <span class="hfr" style="display:none;"></span>
        <a href="javascript:;" class="emotion<{$key}>">表情</a>
    	<textarea name="comment" cols="" rows="" class="jsy_hfk1 " id="saytext<{$key}>"></textarea>
        <span class="jsy_hfk2"><a href="javascript:;" id="<{$loop.id}>" class="tj" sort="<{$key}>">提交</a></span>
    </span>
   </span>

<{/foreach}>

	<div class="clear"></div>
	<div class="page">
		<ul class="ul_page">
			<{$page}>
		</ul>
	</div>

</div>

<div class="tctk_right">
<div id="fx">
<span class="span_tctk2">吐槽排行</span>
<!-- <ul class="ul_tcph">
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
<li><span>1250万</span><a href="#">根据玩家的不同也会形</a></li>
</ul> -->
<ul class="ul_tcph xx-s" id="tabRank">
<{foreach item=loop from=$ph}>
<li><span><{$loop.topicNum}></span><i class="url"><img src="upload/admin/small/<{$loop.avatar}>" width="40" height="40"> </i><a  class="title"><{$loop.topic|truncate:10}></a>
 <a  class="txt"><{$loop.topic}></a></li>
<{/foreach}>

<!-- <li><span>1250万</span><i class="url"><img src="images/tx_img.jpg" width="40" height="40"> </i><a  class="title">根据玩家的不同也</a> <a  class="txt">根据玩家的不同也会形根根据玩家的不同也会形根据玩家的不同也会形根据玩家的不同也会形根据玩家的不同也会形</a></li> -->

</ul>
</div>
<a href="#"><img src="images/gg2.jpg" width="251" height="143" style="display:block; margin-top:10px;" /></a>
</div>
</div>
<div class="clear"></div>
<{include file="footer.html"}>
<script src="js/top.js"></script>
 <script type="text/javascript">
 goTopEx();
  //侧栏跟随
(function(){
   var oDiv=document.getElementById("fx");
   var H=0,iE6;
   var Y=oDiv;
   while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
   iE6=window.ActiveXObject&&!window.XMLHttpRequest;
   if(!iE6){
       window.onscroll=function()
       {
           var s=document.body.scrollTop||document.documentElement.scrollTop;
           if(s>H){oDiv.className="div1 div2";if(iE6){oDiv.style.top=(s-H)+"px";}}
           else{oDiv.className="div1";}    
       };
   }

})();
//显示隐藏
$("#tabRank li").hover(function(){ $(this).addClass("on").siblings().removeClass("on")},function(){ });
 </script>